import { createRouter, createWebHistory } from 'vue-router'
import Test from '@/views/test/index.vue' // 导入组件

const routes = [
  {
    path: '/test',
    name: 'test',
    component: Test // 展示组件
  }
]

// 1.创建路由实例
// vue2:通过 new Router 创建路由实例
// 现在Vue3:通过 createRouter 创建路由实例
const router = createRouter({
  // vue2：通过mode:'history' | 'hash' 指定路由模式 (hash路由模式需要加 #)
  // vue3：通过 history: createRouter | createWebHashHistory 函数指定路由模式
  // import.meta.env.BASE_URL 是路由的基准地址，默认是 '/'
  // 一般项目打包后，都部署到 root 根目录；但是有公司可能会把项目部署到 root下某个文件夹里，
  // 例如:部署到文件夹 consult 目录下,这时候需要载 vite.config.ts 配置base属性的值='/consult/'

  history: createWebHistory(import.meta.env.BASE_URL),
  // history: createWebHashHistory(import.meta.env.BASE_URL),
  routes: routes // 可以写 一个 routes
})

export default router
